/*tablet styles*/
@media(min-width: 1200px) { 
    #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
    display: none;
 }
 #main-navigation-wrapper .nav > .dropdown > a {
    display: block;
    text-transform: uppercase;
    font-weight:bold;
    font-family: 'Lato', sans-serif;
    padding: 30px 25px;
    color: #222;
    font-size: .9em;
    font-weight: bold;
}

 #main-navigation-wrapper .nav > .dropdown > .search{
     padding-top: 30px;
     padding-left: 20px;
     
 }
 
 
}
@media (min-width: 992px) and (max-width: 1199px){
    
        #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
    display: none;
 }
 
 #main-navigation-wrapper .nav > .dropdown > a {
    display: block;
    text-transform: uppercase;
    font-weight:bold;
    font-family: 'Lato', sans-serif;
    padding: 40px 15px;
    color: #222;
    font-size: .9em;
    font-weight: bold;
}
 #main-navigation-wrapper .nav > .dropdown > .search{
     padding-top: 38px;
     padding-left: 20px;
     
 }
    .our-futured-services .box  {
    margin-top: 60px;
}
    .our-futured-services .box  .icon-box{
    margin-left: 30%;
}
.cd-slider-nav p{
   font-size: 18px; 
}
    .cd-slider-nav li .slide-number {

        margin-left: 40%;
    }

    .tp-leftarrow.default {

        z-index: 100;
        cursor: pointer;
        position: relative;
        background: url(../images/slides/left-arrow.jpg) no-Repeat 0 0;
        width: 67px;
        height: 68px;
        left: 0px !important;
        bottom: 0px !important; 
        opacity: 0.15;
    }
    
    .tp-rightarrow.default {
        z-index:100;
        cursor:pointer; 
        position:relative;  
        background:url(../images/slides/right-arrow.jpg) no-Repeat 0 0; 
        width:67px; 
        height:68px;     
        right: 0px !important; 
        bottom: 0px !important; 
        opacity: 0.15;
        }
    }

    


@media(min-width: 769px) and (max-width: 991px) {
     .main-header .logo{
        text-align:center;
        margin-bottom: 30px;
    }
     .main-header .button-wraper {
        text-align:center;
        display:block;
        margin-bottom: 30px;
        margin-right: 37%;
    }
        .main-header .button-wraper .button{
        float: right;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
    display: none;
 }
 #main-navigation-wrapper .nav > .dropdown > a {
    display: block;
    text-transform: uppercase;
    font-weight:bold;
    font-family: 'Lato', sans-serif;
  
    color: #222;
    font-size: .9em;
    font-weight: bold;
}
 #main-navigation-wrapper .nav > .dropdown > .search{
     padding-top: 11px;
     padding-left: 20px;
     
 }
.navbar-header {
    margin-left: 0;
    margin-right: 0;
    display: block;
    margin-bottom:30px;
}
.top-line .social-icons{
    display: block;
    clear: both;
    text-align: center;
} 
.make-appointment-two .txt-wraper {
    padding-left:0;
}
.make-appointment-two .appointment-form{
    padding-bottom: 20px;
}
  .tp-leftarrow.default {

        z-index: 100;
        cursor: pointer;
        position: relative;
        background: url(../images/slides/left-arrow.jpg) no-Repeat 0 0;
        width: 67px;
        height: 68px;
        left: 0px !important;
        bottom: 0px !important; 
        opacity: 0.15;
    }
    
    .tp-rightarrow.default {
        z-index:100;
        cursor:pointer; 
        position:relative;  
        background:url(../images/slides/right-arrow.jpg) no-Repeat 0 0; 
        width:67px; 
        height:68px;     
        right: 0px !important; 
        bottom: 0px !important; 
        opacity: 0.15;
        }
}
@media(max-width: 768px) {
    .main-header .logo{
        text-align:center;
        margin-bottom: 30px;
    }
         .main-header .button-wraper {
        text-align:center;
        display:block;
        margin-bottom: 30px;
        margin-right: 37%;
    }
    
    #main-navigation-wrapper .navbar-brand {
    margin-bottom: 40px;
    display: inline-block;
    text-align: center;
    margin-left:0;
    float: none;
}
   #main-navigation-wrapper .navbar-header {
   background: transparent;
}

    .navbar-nav {
        margin: 0;
    }
    
        #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
        background-color: transparent;
        background-image: none;
        border: 1px solid #000;
        border-radius: 4px;
        padding: 9px 9px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 8px;
        margin-right: 10px;
        z-index: 999;
    }

  
    .navbar-default .navbar-toggle .icon-bar {
        background: #0071BB;
    }
 
    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important;
        padding-bottom: 0;
        overflow: auto !important;
        width: 100%;
    }
    .navbar-default .navbar-collapse {
        background: #FFFFFF;
        padding: 0px 0px !important;
        padding-bottom: 0px !important;
        border: 1px dashed rgba(255, 255, 255, 0.4);
        margin: 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        height: auto !important;
        max-height: 80vh;
        margin-top: 0px;
    }
    .navbar-collapse.in {
        overflow-y: auto;
    }
    .header #main-navigation .nav {
        width: 100%;
        text-align: left;
    }

    #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
        background-color: transparent;
        background-image: none;
        border: 1px solid #222222;
        border-radius: 4px;
        padding: 9px 9px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 8px;
        margin-right: 10px;
        z-index: 999;
    }
    #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar {
        background-color: #222222;
        border-radius: 1px;
        display: block;
        height: 1px;
        width: 20px;
    }
    #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    #main-navigation-wrapper .nav {
        width: 100%;
    }
    #main-navigation-wrapper .navbar-form {
        width: 100%;
        display: block;
        border: none;
    }
    #main-navigation-wrapper .nav > li {
        display: block;
        padding: 0;
        width: 100%;
    }
    #main-navigation-wrapper .nav > li > a {
        display: block;
        padding: 15px 15px;
        width: 100%;
        position: relative;
        color: #2d2d2d;
    }
    .main-menu .search li.download {
        display: none;
        
    }
    #main-navigation-wrapper .nav > li:first-child a {
        padding: 15px 15px;
    }
    #main-navigation-wrapper .nav > li + li > a {
        padding: 15px 15px;
        border-top: 1px dashed rgba(114, 114, 114, 0.4);
        position: relative;
    }
    #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
       
        
        position: relative;
        width: 100%;
        opacity: 1;
        visibility: visible;
        left:auto;right:auto;
        transform: translate3d(0px, 0px, 0px);
        transition: none !important;
        display: none;
        top:auto;
        float: none;
    }
    #main-navigation-wrapper ul.dropdown-submenu.expand {
    
  display: block;
}


 .searchBtn {
 	display: none;
 }
  #main-navigation-wrapper .nav > .dropdown > .search{
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 20px;
     color: #FFFFFF;
 }

.menuToggle {
    display: block;
    background: rgb(76, 67, 65);
    width: 8em;
    margin-bottom: .2em;
    position: relative;
}
#main-navigation-wrapper ul.dropdown-submenu.expand {
    max-height: 20em;
}

.make-appointment-two .txt-wraper {
    padding-left:0;
}
.make-appointment-two .appointment-form{
    padding-bottom: 20px;
}
    .tp-leftarrow.default {

        z-index: 100;
        cursor: pointer;
        position: relative;
        background: url(../images/slides/left-arrow.jpg) no-Repeat 0 0;
        width: 67px;
        height: 68px;
        left: 0px !important;
        bottom: 0px !important; 
        opacity: 0.15;
    }
    
    .tp-rightarrow.default {
        z-index:100;
        cursor:pointer; 
        position:relative;  
        background:url(../images/slides/right-arrow.jpg) no-Repeat 0 0; 
        width:67px; 
        height:68px;     
        right: 0px !important; 
        bottom: 0px !important; 
        opacity: 0.15;
        }

}

@media (max-width: 640px) {
       .main-header .button-wraper {
        text-align:center;
        display:block;
        margin-bottom: 30px;
        margin-right: 30%;
    }
      .tp-leftarrow.default {

        z-index: 100;
        cursor: pointer;
        position: relative;
        background: url(../images/slides/left-arrow.jpg) no-Repeat 0 0;
        width: 67px;
        height: 68px;
        left: 0px !important;
        bottom: 0px !important; 
        opacity: 0.15;
    }
    
    .tp-rightarrow.default {
        z-index:100;
        cursor:pointer; 
        position:relative;  
        background:url(../images/slides/right-arrow.jpg) no-Repeat 0 0; 
        width:67px; 
        height:68px;     
        right: 0px !important; 
        bottom: 0px !important; 
        opacity: 0.15;
        }
}

@media (max-width: 480px) {
          .main-header .button-wraper {
        text-align:center;
        display:block;
        margin-bottom: 30px;
        margin-right: 20%;
    }
    .main-header ul {
        margin-left: 0;
        padding-left: 0;
    }
    .services-two .service-sec .detail {
        float: left;
    }
     .tp-leftarrow.default {

        z-index: 100;
        cursor: pointer;
        position: relative;
        background: url(../images/slides/left-arrow.jpg) no-Repeat 0 0;
        width: 67px;
        height: 68px;
        left: 0px !important;
        bottom: 0px !important; 
        opacity: 0.15;
    }
    
    .tp-rightarrow.default {
        z-index:100;
        cursor:pointer; 
        position:relative;  
        background:url(../images/slides/right-arrow.jpg) no-Repeat 0 0; 
        width:67px; 
        height:68px;     
        right: 0px !important; 
        bottom: 0px !important; 
        opacity: 0.15;
        }
}